var xhr = new XMLHttpRequest();
xhr.open("get","/order/list.json")

xhr.onload = function (){
    console.log(xhr.status)
    console.log(xhr.responseText)

    // 进行 JSON 字符串 -> JS 对象
    var ret = JSON.parse(xhr.responseText)

    // 根据是否有 url 来判断是正确还是错误情况
    if(ret.url){
        let url = `/error/error.html?error="用户未登录，请先登录"&target=${ret.url}`
        location.assign(url)  // 到时候的跳转是我们通过 JS 自己完成的，不是 HTTP 层面上的重定向（浏览器自动完成）
        return;
    }

    var orderList = ret.orderViews;
    var oTbody = document.querySelector('tbody')
    // 通过遍历 productList，得到每一个 商品，根据商品中的值，修改 DOM 结构（为 <tbody> 添加一个 <tr> 一行
    for (var order of orderList) {
        console.log(order)
        var html = "<tr>" +
            `<td><a href='/order/detail/${order.uuid}'>${order.uuid}</a></td>` +  // 反引号，模板字符串
            `<td>${order.orderStatus}</td>` +  // 反引号，模板字符串
            `<td>${order.creatAt}</td>` +  // 反引号，模板字符串
            `<td>${order.finishAt}</td>` +  // 反引号，模板字符串
            "</tr>";

        // 添加到 tbody 的内部
        oTbody.innerHTML += html
    }
}

xhr.send()